<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scale=no"/>
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<header id="header">
			<div class="center">
				<h1 class="logo">瓢城旅行社</h1>
				<nav class="link">
					<h2 class="none">网站导航</h2>
					<ul>
						<li class="active"><a href="index.html">首页</a></li>
						<li><a href="information.html"><span class="xs-hidden">旅游</span>资讯</a></li>
						<li><a href="ticket.html">机票<span class="xs-hidden">订购</span></a></li>
						<li class="xs-hidden"><a href="scenery.html">风景欣赏</a></li>
						<li><a href="about.html"><span class="xs-hidden">关于</span>公司</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<div id="headline">
			<img src="img/headline.jpg"/>
			<hgroup>
				<h2>票务订购</h2>
				<h3>各种飞机票、火车票、汽车票和轮渡票的订购服务</h3>	
			</hgroup>
			
		</div>
		<div id="container">
			<aside class="sidebar">
				<div class="recommand">
					<h2>景点推荐</h2>
					<div class="tag">
						<ul>
							<li><a href="###">曼谷(12)</a></li>
							<li><a href="###">东京(5)</a></li>
							<li><a href="###">西双版纳(8)</a></li>
							<li><a href="###">漓江(16)</a></li>
							<li><a href="###">呼伦贝尔(4)</a></li>
							<li><a href="###">首尔(9)</a></li>
							<li><a href="###">巴厘岛(15)</a></li>
							<li><a href="###">土耳其(22)</a></li>
							<li><a href="###">夏威夷(5)</a></li>
							<li><a href="###">巴厘岛(11)</a></li>
							<li><a href="###">毛里求斯(7)</a></li>
							<li><a href="###">吉普岛(4)</a></li>
							<li><a href="###">希腊(18)</a></li>
							<li><a href="###">法瑞意(8)</a></li>
							<li><a href="###">马尔代夫(9)</a></li>
							<li><a href="###">新西兰(16)</a></li>
							<li><a href="###">埃及(11)</a></li>
							<li><a href="###">迪拜(14)</a></li>
							<li><a href="###">斯里兰卡(7)</a></li>
							<li><a href="###">麦哈顿(3)</a></li>
							<li><a href="###">大阪(15)</a></li>
						</ul>
					</div>
				</div>
				<div class="hot">
					<h2>热卖旅游</h2>
					<div class="figure">
						<figure>
							<img src="img/hot1.jpg" alt="曼谷-芭提雅6日游">
							<figcaption>曼谷-芭提雅6日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot2.jpg" alt="马尔代夫双鱼6日游">
							<figcaption>马尔代夫双鱼6日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot3.jpg" alt="海南双飞5日游">
							<figcaption>海南双飞5日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot4.jpg" alt="富山大阪东京8日游">
							<figcaption>富山大阪东京8日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot5.jpg" alt="法瑞意德12日游">
							<figcaption>法瑞意德12日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot6.jpg" alt="巴厘岛6日半游">
							<figcaption>巴厘岛6日半游</figcaption>
						</figure>
						<figure>
							<img src="img/hot7.jpg" alt="塞舌尔迪拜9日游">
							<figcaption>塞舌尔迪拜9日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot8.jpg" alt="花样土耳其10日游">
							<figcaption>花样土耳其10日游</figcaption>
						</figure>	
					</div>
				</div>
				<div class="treasure">
					<h2>旅游百宝箱</h2>
					<div class="box">
						<a href="###" class="trea1">天气预报</a>
						<a href="###" class="trea2">火车票查询</a>
						<a href="###" class="trea3">航空查询</a>
						<a href="###" class="trea4">地铁线路查询</a>
					</div>
				</div>	
			</aside>
			<div class="list ticket">
		<form action="###">
			<h2>机票预定</h2>
			<fieldset class="type">
				<p>航程类型 <mark>单程</mark> 往返</p>
			</fieldset>
			<fieldset class="form left">
				<p>
					<label for="from_city">出发城市</label>
					<input type="text" name="from_city" id="from_city" placeholder="城市名">
				</p>
				<p>
					<label for="to_city">返回城市</label>
					<input type="text" name="to_city" id="to_city" placeholder="城市名">
				</p>
			</fieldset>
			<fieldset class="form right">
				<p>
					<label for="from_date">出发时间</label>
					<input type="text" name="from_date" id="from_date" placeholder="时间/日期">
				</p>
				<p>
					<label for="to_date">返回时间</label>
					<input type="text" name="to_date" id="to_date" placeholder="时间/日期">
				</p>
			</fieldset>
			<fieldset class="form button">
				<p>
					<button type="submit" class="submit">订票</button>
				</p>
			</fieldset>
		</form>
		<div class="new">
			<h2>最新机票</h2>
			<ul>
				<li>热门城市：</li>
				<li>北京</li>
				<li>上海</li>
				<li>广州</li>
				<li>深圳</li>
				<li>重庆</li>
				<li>成都</li>
				<li>杭州</li>
				<li>南京</li>
			</ul>
			<table>
				<thead>
					<tr>
						<th>路线</th>
						<th>日期</th>
						<th>价格</th>
						<th class="xs-hidden">税费</th>
						<th class="xs-hidden">餐食</th>
						<th>航班</th>
						<th>预定</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>北京-成都</td>
						<td>10-15</td>
						<td class="price">¥745</td>
						<td class="xs-hidden">¥50</td>
						<td class="xs-hidden">有</td>
						<td>春秋航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
					<tr>
						<td>北京-上海</td>
						<td>10-15</td>
						<td class="price">¥479</td>
						<td class="xs-hidden">¥45</td>
						<td class="xs-hidden">无</td>
						<td>南方航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
					<tr>
						<td>北京-深圳</td>
						<td>10-15</td>
						<td class="price">¥561</td>
						<td class="xs-hidden">¥52</td>
						<td class="xs-hidden">有</td>
						<td>西部航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
					<tr>
						<td>北京-杭州</td>
						<td>10-15</td>
						<td class="price">¥378</td>
						<td class="xs-hidden">¥36</td>
						<td class="xs-hidden">无</td>
						<td>天津航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
					<tr>
						<td>北京-广州</td>
						<td>10-15</td>
						<td class="price">¥612</td>
						<td class="xs-hidden">¥44</td>
						<td class="xs-hidden">有</td>
						<td>首都航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
					<tr>
						<td>北京-重庆</td>
						<td>10-15</td>
						<td class="price">¥428</td>
						<td class="xs-hidden">¥62</td>
						<td class="xs-hidden">有</td>
						<td>东方航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
					<tr>
						<td>北京-昆明</td>
						<td>10-15</td>
						<td class="price">¥509</td>
						<td class="xs-hidden">¥35</td>
						<td class="xs-hidden">无</td>
						<td>厦门航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
					<tr>
						<td>北京-厦门</td>
						<td>10-15</td>
						<td class="price">¥893</td>
						<td class="xs-hidden">¥73</td>
						<td class="xs-hidden">有</td>
						<td>深圳航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
					<tr>
						<td>北京-长沙</td>
						<td>10-15</td>
						<td class="price">¥663</td>
						<td class="xs-hidden">¥46</td>
						<td class="xs-hidden">无</td>
						<td>四川航空</td>
						<td><a href="###" class="reserve">预定</a></td>
					</tr>
				</tbody>
				<tfoot>
					<td colspan="7"><a href="###" class="more2">加载更多航班...</a></td>
				</tfoot>
			</table>
		</div>
	</div>
			
		</div>
		<footer id="footer">
	<div class="top sm-hidden">
		<div class="block left">
			<h2>合作伙伴</h2>
			<hr>
			<ul>
				<li>途牛旅游网</li>
				<li>驴妈妈旅游网</li>
				<li>携程旅游</li>
				<li>中国青年旅行社</li>
			</ul>
		</div>
		<div class="block center">
			<h2>旅游FAQ</h2>
			<hr>
			<ul>
				<li>旅游合同签订方式？</li>
				<li>儿童价是基于什么制定的？</li>
				<li>旅游的线路品质怎么界定的？</li>
				<li>单房差是什么？</li>
				<li>旅游保险有那些种类？</li>
			</ul>
		</div>
		<div class="block right">
			<h2>联系方式</h2>
			<hr>
			<ul>
				<li>微博：weibo.com/ycku</li>
				<li>邮件：ycku@ycku.com</li>
				<li>地址：江苏盐城无名路123号</li>
			</ul>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="version sm-visible">
		客户端 | 触屏版 | 电脑版
	</div>
	<div class="bottom">
		Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号<span class="sm-hidden"> | 旅行社经营许可证：L-YC-BK12345</span>
	</div>
</footer>
	</body>
</html>
